.bookmark_container {
  box-sizing: border-box;
  //padding: 1rem;
  display: flex;
  overflow: hidden;

  .nav_bar {
    z-index: 100;
    //width: 260px;
    position: sticky;
    top: 7vh;
    height: 93vh;

    .nav_bar_anchor {
      .semi-anchor-link-wrapper {
      }

      .anchor_link {
        padding: 0.5rem;
      }
    }
  }

  .bookmark_content {
    box-sizing: border-box;
    flex: 1;
    height: 93vh;
    overflow: auto;
    padding: 20px;

    .anchor {
      color: var(--semi-color-text-0);
      font-size: 1.2rem;
      margin: 5px 0;
    }
  }

  .mobileIcon {
    position: fixed;
    top: 8vh;
    left: 0;
    display: none;
  }
}

/* 超小屏设备 */
@media (max-width: 575px) {
  .bookmark_cards {
    width: 95%;
    margin: 0 auto;

    .bookmark_card {
      width: 100% !important;
      margin: 10px 0;
    }
  }

  .nav_bar {
    display: none;
  }

  .mobileIcon {
    display: block !important;
  }
}

/* 小屏设备 */
@media (min-width: 576px) and (max-width: 767px) {
  .bookmark_cards {
    display: flex;
    flex-wrap: wrap;

    .bookmark_card {
      width: 43%;
      margin: 1rem;
      margin-right: 0;
    }
  }

  .nav_bar {
    display: none;
  }

  .mobileIcon {
    display: block !important;
  }
}

/* 平板等中等设备 */
@media (min-width: 768px) and (max-width: 991px) {
  .bookmark_cards {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;

    .bookmark_card {
      width: 45%;
      margin: 10px;
    }
  }
}

/* 普通PC显示器 */
@media (min-width: 992px) and (max-width: 1199px) {
  .bookmark_cards {
    display: flex;
    flex-wrap: wrap;

    .bookmark_card {
      width: 31%;
      margin: 1%;
      margin-left: 0;
    }
  }
}

/* 宽屏设备 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .bookmark_cards {
    display: flex;
    flex-wrap: wrap;

    .bookmark_card {
      width: 22%;
      margin: 1rem;
      margin-left: 0;
    }
  }
}

/* 超宽屏设备 */
@media (min-width: 1400px) {
  .bookmark_cards {
    display: flex;
    flex-wrap: wrap;

    .bookmark_card {
      width: 19%;
      margin: 0.7rem;
      margin-left: 0;
    }
  }
}
